<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width" />
		<!--<link rel="stylesheet" href="css/reset.css" />-->
		<link rel="stylesheet" href="css/typo.css" />
		<link rel="stylesheet" href="css/bumen.css" />
		<title>公关部</title>
		<script src="js/baidu.js"></script>
	</head>

	<body>
		<script src="js/TopBar.js"></script>
		<!--<script src="js/TopBar.js"></script>-->
		<article class="bumen">
			<h1>公关部</h1>
			<section>
				<h2>简介</h2>
				<p>这是一个加强信息传播工作，主动收集学生的意见和反应，及时向社团内部通报各种信息的部门，为学生提供一个更好的了解社团的定期活动的部门，组织内部的一个专门从事公共关系工作的部门。</p>
			</section>
			<section>
				<img src="img/shentianyang.jpg" width="100px" height="100px" />
				<h2>部长 沈天阳</h2>
				<p>喜欢火影、游戏，不擅长学习。</p>
			</section>
			<section>
				<img src="img/shiyou.jpg" width="100px" height="100px" />
				<h2>部员 石优</h2>
				<p>计算机嵌入172，喜欢玩游戏，什么类型都玩！</p>
			</section>
		</article>
	</body>

</html>